<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body></body>
</html>
<script>
    //get整体封装
    function getFz(method, url, params, hd) {
        //封装
        function yeshu(obj) {
            var str = ''
            for (var key in obj) {
                str += `${key}=${obj[key]}&`
            }
            return str.slice(0, str.length - 1)
        }
        //封装get的请求过程（因为get必须是在url里面拼接）
        function ajaxfengzhuang(method, url, params, hd) {
            //1.创建请求对象
            var xhr = new XMLHttpRequest()
            //2.配置请求对象
            xhr.open(methon, url + "?" + yeshu(params))
            //3.配置回调函数
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) {
                    hd(JSON.parse(xhr.responseText))
                }
            }
            //4.发送
            xhr.send()
        }
    }
        getFz('get','https://yantianfeng.com/api/emotion',{page:1,count:5},function(date){
        console.log(date);
    })



    //post整体封装
    function postFz(method, url, params, hd) {
        //封装
        function yeshu(obj) {
            var str = ''
            for (var key in obj) {
                str += `${key}=${obj[key]}&`
            }
            return str.slice(0, str.length - 1)
        }
        //封装get的请求过程（因为get必须是在url里面拼接）
        function ajaxfengzhuang(method, url, params, hd) {
            //1.创建请求对象
            var xhr = new XMLHttpRequest()
            //2.配置请求对象
            xhr.open(method, url)
            //3.配置回调函数
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) {
                    hd(JSON.parse(xhr.responseText))
                }
            }
            //4.发送
            xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
            xhr.send(yeshu(params))
        }
    }
    // postFz('post','https://yantianfeng.com/api/emotion',{page:1,count:5},function(date){
    //     console.log(date);
    // })
</script>